<template>
  <section class="content">
    <!-- 左侧内容 -->
    <div class="left">
      <Menu />
    </div>
    <!-- END -->
    <!-- 右侧内容 -->
    <div class="right">
      <router-view></router-view>
    </div>
    <!-- END -->
  </section>
</template>

<script>
// 建议通过组件的形式,完成左右的菜单和内容
import Menu from "@/views/adminView/menu.vue";
export default {
  components: { Menu },
  data() {
    return {};
  },
};
</script>

<style scoped>
/* 左右布局 */
.content {
  display: flex;
  justify-content: space-between;
}
.left {
  height: 100vh;
  border-right: 0.1rem #efefef dashed;
  /* width: 20%; */
  /* overflow: scroll; */
  /* background: rgb(236, 236, 236); */
}
.right {
  height: 100vh;
  width: auto;
  /* overflow: scroll; */
}
</style>
